<!--{template common/header_simple}-->
<link href="static/css/dlzc.css?{VERHASH}" rel="stylesheet" media="all">
<!--[if lt IE 9]>
  <script src="static/js/jquery.placeholder.js" type="text/javascript"></script>
<![endif]-->
<script src="user/scripts/register.js?{VARHASH}"></script>
<!--{eval $loginhash = 'L'.random(4);}-->
<div class="relative min-h-screen flex">
  <div class="flex flex-col sm:flex-row items-center md:items-start sm:justify-center md:justify-start flex-auto min-w-0 bg-white">
      <div class="sm:w-1/2 xl:w-3/5 h-full md:flex flex-auto items-center justify-center p-10 overflow-hidden bg-purple-900 text-white bg-no-repeat bg-cover relative"<!--{if $_G['setting']['loginset']['img']}--> style="background-image: url($_G['setting']['loginset']['img'])"<!--{/if}-->>
          <div class="absolute bg-gradient-to-b opacity-75 inset-0 z-0" style="<!--{if !$_G['setting']['loginset']['img']}-->--tw-gradient-from: #4f46e5;--tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to, rgba(79, 70, 229, 0));<!--{/if}-->--tw-gradient-to:<!--{if $_G['setting']['loginset']['bcolor']}-->$_G['setting']['loginset']['bcolor']<!--{else}-->#3b82f6<!--{/if}-->"></div>
          <div class="w-full max-w-md z-10">
						<!--{if $_G[setting][sitename]}--><div class="sm:text-4xl xl:text-5xl font-bold leading-tight mb-6">$_G[setting][sitename]</div><!--{/if}-->
              <!--{if $_G[setting][loginset][subtitle]}--><div class="sm:text-4xl xl:text-5xl font-bold leading-tight mb-6">$_G[setting][loginset][subtitle]</div><!--{/if}-->
              <!--{if $_G[setting][metadescription]}--><div class="sm:text-sm xl:text-md text-gray-200 font-normal">$_G[setting][metadescription]</div><!--{/if}-->
          </div>
          <!--{if !$_G['setting']['loginset']['img']}-->
          <ul class="circles">
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
          </ul>
          <!--{/if}-->
      </div>
      <div class="md:flex md:items-center md:justify-center w-full sm:w-auto md:h-full w-2/5 xl:w-2/5 p-8 md:p-10 lg:p-14 sm:rounded-lg md:rounded-none  bg-white">
          <div class="max-w-md w-full mx-auto space-y-8">
            <div class="flex flex-row justify-center items-center space-x-3">
              <!--{if $_G['setting']['sitelogo']}-->
              <img src="{eval echo $_G['setting']['sitelogo']?'index.php?mod=io&op=thumbnail&size=small&path='.dzzencode('attach::'.$_G['setting']['sitelogo']):'';}">
              <!--{else}-->
              <img src="static/image/common/logo.png">
              <!--{/if}-->
              </div>
						<div class="sm:text-4xl xl:text-5xl font-bold leading-tight mb-6 text-center">
                {lang register_welcome_tip}
            </div>
              <form class="mt-8 space-y-6" action="user.php?mod=register" method="POST" name="registerform" id="registerform" role="form" enctype="multipart/form-data" onsubmit="check_submit(this);return false">
                <input type="hidden" name="regsubmit" value="yes"/>
                <input type="hidden" name="formhash" value="{FORMHASH}"/>
                <input type="hidden" name="referer" value="$referer"/>
                <input type="hidden" name="handlekey" value="$_GET[handlekey]"/>
								<!--{if $_GET[action] != 'activation'}-->
            <div class="relative">
              <input type="text" id="email" class="w-full text-base px-4 py-2 border-b border-gray-300 focus:outline-none rounded-2xl focus:border-indigo-500" name="email" autocomplete="off" placeholder="{lang register_email_tips}">
               <span id="chk_email" class="help-msg"></span>         
            </div>
            <div class="relative">
              <input type="text" id="username" class="w-full text-base px-4 py-2 border-b border-gray-300 focus:outline-none rounded-2xl focus:border-indigo-500" name="username" autocomplete="off" placeholder="{lang username}">
              <span id="chk_username" class="help-msg"></span>
            </div>
            <div class="relative">
              <input type="password" class="w-full text-base px-4 py-2 border-b border-gray-300 focus:outline-none rounded-2xl focus:border-indigo-500" id="password" name="password" autocomplete="off" placeholder="{lang register_password_tips}">
              <span id="chk_password" class="help-msg"></span> 
            </div>
            <div class="relative">
              <input type="password" class="w-full text-base px-4 py-2 border-b border-gray-300 focus:outline-none rounded-2xl focus:border-indigo-500" id="password2" name="password2" autocomplete="off" placeholder="{lang register_repassword_tips}">
              <span id="chk_password2" class="help-msg"></span> 
            </div>
            <!--{/if}--> 
            <!--{if $seccodecheck}-->
            <div class="form-group seccode-wrapper clearfix"> 
              <!--{template common/seccheck}--> 
            </div>
            <!--{/if}-->
            <!--<!--{loop $_G['cache']['fields_register'] $field}-->
							<!--{if $htmls[$field['fieldid']]}-->
							<div class="relative">
										<!--{if $field['required']}--><span class="rq">*</span><!--{/if}--><label for="$field['fieldid']">$field[title]:</label>
										$htmls[$field['fieldid']]
										<i id="tip_$field['fieldid']" class="p_tip"><!--{if $field['description']}--><!--{echo dhtmlspecialchars($field[description])}--><!--{/if}--></i><kbd id="chk_$field['fieldid']" class="p_chk"></kbd>
							</div>
							<!--{/if}-->
						<!--{/loop}-->-->
            <!--{if $bbrules}-->
            <div class="form-group clearfix">
              <div class="checkbox-custom checkbox-primary pull-left">
                <input type="checkbox" name="agreebbrule" value="$bbrulehash" id="agreebbrule" checked="checked" />
                <label>{lang agree}</label>
              </div>
              <a class="ml20 pull-left" href="javascript:;" onclick="showWindow('bbrule','user.php?mod=register&op=ajax&do=bbrule')">{lang rulemessage}</a> 
            </div>
            <!--{/if}-->
                <div>
                  <button type="submit" class="w-full flex justify-center bg-gradient-to-r from-indigo-500 to-blue-600 hover:bg-gradient-to-l hover:from-blue-500 hover:to-indigo-600 text-gray-100 p-4 rounded-full tracking-wide font-semibold shadow-lg cursor-pointer transition ease-in duration-500" name="loginsubmit" value="true"><!--{if $_GET[action] == 'activation'}-->{lang activation}<!--{else}-->$_G[setting][reglinkname]<!--{/if}--></button>
                </div>
                <p class="error-msg text-center" id="returnmessage4"></p>
                <p class="items-center justify-center mt-10 text-center text-md text-gray-500">
                  <span>已有账号？</span>
                  <a onclick="try{_login.logging();}catch(e){location.href='user.php?mod=login'}" class="text-indigo-400 hover:text-blue-500 no-underline hover:underline cursor-pointer transition ease-in duration-300">{lang back_login}</a>
                  </p>
              </form>
              <div class="w-full max-w-md z-10">
                <div class="sm:text-sm xl:text-md text-gray-200 font-normal text-center"><!--{template common/copyright}--></div>
              </div>
          </div>
      </div>
  </div>
</div>
<script type="text/javascript">
	var lastusername = '', lastpassword = '', lastemail = '', lastinvitecode = '', stmp = new Array(), modifypwd = false;
	var ignoreEmail = false;
	var strongpw = new Array();
	<!--{if $_G['setting']['strongpw']}-->
		<!--{loop $_G['setting']['strongpw'] $key $val}-->
			strongpw[$key] = $val;
		<!--{/loop}-->
	<!--{/if}-->
	var pwlength = <!--{if $_G['setting']['pwlength']}-->$_G['setting']['pwlength']<!--{else}-->0<!--{/if}-->;
	
	jQuery(document).ready(function (e) {
	
		addFormEvent('registerform',1);
		if (jQuery('.ie8,.ie9').length) { //ie8模拟placeholder;
			jQuery(':input[placeholder]').each(function () {
				jQuery(this).placeholder();
			});
		}
	});
</script> 
<script type="text/javascript" src="user/scripts/setbacksize.js?{VERHASH}"></script>
<script src="static/bootstrap/js/bootstrap.min.js?vGS" ></script> 
<!--{template common/footer}-->